<!-- 在线签约 提交信息签约成功-->
<template>
  <cu-layout :navProp="{ placeholder: true }" :bgStyle="{ color: '#ffffff' }">
    <view :class="[`${prefixCls}-system-info-container`]">
      <view class="setting-row" v-for="(item, index) in userList" :key="index" @click="handleJump(item)">
        <view class="left"> {{ item.name }} </view>
        <view class="right">{{ item.value }} <uv-icon name="arrow-right"></uv-icon> </view>
      </view>
    </view>
  </cu-layout>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'

export default {
  name: 'system-info',
  components: {},
  mixins: [],
  props: {},
  data() {
    return {
      userList: [
        {
          name: '个性化房源设置',
          path: '/pages/subpackage/setting/house-recommend',
          value: '',
        },
        // {
        //   name: '允许管家推荐',
        //   path: '/pages/subpackage/setting/housekeep-recommend',
        //   value: '',
        // },
        {
          name: '系统权限申请于使用清单',
          path: '/pages/subpackage/setting/system-auth',
          value: '',
        },
      ],
    }
  },
  // 侦听属性
  watch: {},
  // 计算属性
  computed: {
    ...mapGetters(['cityConfig', 'locationInfo']),
  },
  // 监听页面加载，该钩子被调用时data,computed,function,watch,props,slots已设置完成
  onLoad(options) {},
  // 监听页面显示，页面每次出现在屏幕上都触发
  onShow() {},
  // 监听页面初次渲染完成，此时组件已挂载完成
  onReady() {},
  // 下拉刷新
  onPullDownRefresh() {},
  // 加载更多
  onReachBottom() {},

  created() {},
  mounted() {},
  destroyed() {},
  methods: {
    ...mapActions([]),
    handleClose() {
      this.$ROUTE.go('/pages/main/home')
    },
    handleMyContract() {
      this.$ROUTE.go('/pages/subpackage/contract/index')
    },
    handleJump({ path, type }) {
      if (path) {
        this.$ROUTE.go(path)
        return
      }
    },
  },
}
</script>

<style lang="scss" scoped>
page {
  background: white !important;
}
.#{prefixCls('system-info-container')} {
  position: relative;
  background: white;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
  .setting-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    .right {
      display: flex;
    }
  }
}
</style>
